5
5
.
.
1
1
9
9
.
.
p
p
a
a
d
d
d
d
i
i
n
n
g
g
I
I
n
n
f
f
o
o
[
[
R
R
]
]
Padding is additional space around the View between the View and neighboring child Views.
Syntax
.padding(100) //Apply 100 padding on all sides
.padding(.top, 100) //Apply 100 padding on top
.padding() //Apply default padding on all sides
.padding(.top) //Apply default padding on top
.padding(.bottom) //Apply default padding on bottom
.padding(.leading) //Apply default padding on left
.padding(.trailing) //Apply default padding on right
.padding(.vertical) //Apply default padding on top & bottom
.padding(.horizonatl) //Apply default padding on left & right
E
E
x
x
a
a
m
m
p
p
l
l
e
e
Example
struct ContentView: View {
var body: some View {
VStack {
Text("First line")
Text("Second line")
.border(Color.red, width: 2)
.padding(100)
}
}
}
Output